<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-control" content="max-age=1700" />

<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="MobileOptimized" content="320" />
<meta name="format-detection" content="telephone=no" />


<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script> 
<link href="${ctx}/css/wxflow.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/fonts/font.css" rel="stylesheet" type="text/css" />

<title>流量超市-流量信息</title>
<script>
$(function() {
      $('.action-list li p').click(function(){
    	  window.location.href="${ctx}/buy";
      });
})
</script>
</head>
<body>
    <div class="wrap">
        <div class="user">
            <p>${mobileUserInfo.phone}<span>上海移动</span></p>
            <p>截至${mobileUserInfo.currentTime}</p>     
        </div>
        <div class="surplus">
                <a>
                    <p>${mobileUserInfo.money}<span>元</span></p>
                    <p>话费余额</p>
                </a>
                <a>
                    <p>${mobileUserInfo.remainFlow}<span>M</span></p>
                    <p>剩余流量</p>
                </a>
                <div class="clear-float"></div>
        </div>
        <ul class="action-list">
            <li><p>流量充值</p></li> 
        </ul>
    </div>
</body>
</html>




